$tooltip-prefix-cls: "#{$css-prefix}tooltip";
$tooltip-arrow: "#{$tooltip-prefix-cls}-arrow";


.#{$tooltip-prefix-cls} {
  display: inline-block;

  &-rel{
    display: inline-block;
    position: relative;
  }

  &-popper{
    @include popper($tooltip-arrow, $tooltip-arrow-width, $tooltip-distance, $tooltip-bg);
  }

  &-inner{
    max-width: $tooltip-max-width;
    min-height: $tooltip-inner-min-height;
    padding:$tooltip-inner-padding;
    color: $tooltip-color;
    font-size:$tooltip-inner-font-size;
    text-align: left;
    text-decoration: none;
    background-color: $tooltip-bg;
    border-radius: $border-radius-small;
    box-shadow: $shadow-base;
    white-space: nowrap;
  }

  &-arrow{
    position: absolute;
    width: 0;
    height:$tooltip-arrow-height;
    border-color: transparent;
    border-style: solid;
  }
}